$(function(){
	$(".s-list-head").load("head.html",Math.random());   //引入头部

	//点击换页
	$(".pagenum").click(function(){
		var n=$(this).text();
		console.log(n)
		var m="json"+n+".json";
			console.log(m);
		$(".show-goods").html("");
		$.get(m,function(msg){
			for(var i=0;i<msg.data.length;i++){													
				var _html = "<dl><dt>";  //生成标签
				for( var k in msg.data[i].bigimg){    //msg.data[i].big-img    对象组，大图片地址
					_html += "<a href='#' class='big-img-show'><img src='"+msg.data[i].bigimg[k]+"'/></a>"
				}
				_html +="<div class='minImg-show'><span class='to-pre'><i class='fa fa-chevron-left'></i></span><span class='to-next'><i class='fa fa-chevron-right'></i></span><ul>"							

				for(var m in msg.data[i].minimg){     //	msg.data[i].min-img     对象组，小图片地址	
					_html +="<li><a href='#'><img src='"+msg.data[i].minimg[k]+"'/></a></li>"
				}
				_html +="</ul></div></dt><dd>"     // msg.data[i].price
				_html +="<a href='#'><ul class='ddul'><li class='r1'><i class='price' style='font-size:12px;color:#555'>"+msg.data[i].price+"</i>"
				_html +="<i class='del_price'>"+msg.data[i].delprice+"</i>";
				_html +="</li><li class='r2'>"+msg.data[i].goodstitle+"</li>";
				_html +="<li class='r3'>已售出<i>"+msg.data[i].sellnum+"</i>件</li>";
				_html +="<li class='r4'>"+msg.data[i].size+"</li></ul></a></dd></dl>";
				$(_html).appendTo($(".show-goods"));
				
			}
				//	ajax  请求完成后重新绑定
			$(".show-goods dl").hover(function(){
				$(this).css({border:"2px solid #D9D9D9"}).find("dt").css({border:"2px solid #D9D9D9","border-bottom":"none"});
				$(this).find(".ddul").animate({"height":"105px"},300).css({"background": "#f0f0f0"})
			},function(){
				$(this).css({border:"2px solid #eee"}).find("dt").css({border:"2px solid #fff","border-bottom": "none"});
				$(this).find(".ddul").animate({"height":"55px"},300).css({"background": "#fff"});
			})
			
			//划过小图片变换大图
			$(".show-goods dl dt").mouseenter(function(){
				$(this).find(".minImg-show ul li a").each(function(i){
					$(this).mouseenter(function(){
						$(this).closest("dt").find("a.big-img-show").eq(i).css({"z-index":6})
					}).mouseleave(function(){
						$(this).closest("dt").find("a.big-img-show").eq(i).css({"z-index":2})
					}) 
				})		
			})			
			
			
		});
	

	})


	//	详细商品展示
	$(".show-goods dl").hover(function(){
		$(this).css({border:"2px solid #D9D9D9"}).find("dt").css({border:"2px solid #D9D9D9","border-bottom":"none"});
		$(this).find(".ddul").animate({"height":"105px"},300).css({"background": "#f0f0f0"})
	},function(){
		$(this).css({border:"2px solid #eee"}).find("dt").css({border:"2px solid #fff","border-bottom": "none"});
		$(this).find(".ddul").animate({"height":"55px"},300).css({"background": "#fff"});
	})
	
	//划过小图片变换大图
	$(".show-goods dl dt").mouseenter(function(){
		$(this).find(".minImg-show ul li a").each(function(i){
			$(this).mouseenter(function(){
				$(this).closest("dt").find("a.big-img-show").eq(i).css({"z-index":6})
			}).mouseleave(function(){
				$(this).closest("dt").find("a.big-img-show").eq(i).css({"z-index":2})
			}) 
		})		
	})
	

	
	
	

	//	引入页脚
	$(".import-foot").load("foot.html",Math.random());

}) 